<ion-content>
  <ion-toolbar class="mine-header">
    <ion-buttons float-left (click)="itemSelected('setting')">
      <button ion-button icon-only>
        <i class="iconfont icon-shezhi"> </i>
      </button>
    </ion-buttons>
    <ion-buttons float-right (click)="itemSelected('messageCenter')">
      <button ion-button icon-only class="message-icon">
        <i class="iconfont icon-xinxi"></i>
        <b></b>
      </button>
    </ion-buttons>
  </ion-toolbar>
  <div class="mine-box">
    <div class="user-logo" float-left (click)="openLogin()" [class.loginout]="!bLogin">
      <img src="./assets/imgs/icon_avatar.png" alt="">
      <span class="user-logo-title" *ngIf="!bLogin">点击登录</span>
    </div>
    <div class="user-info" float-left *ngIf="bLogin">
      <b>{{ freeMoney }}</b>
      <span>账户余额（元）</span>
    </div>
  </div>
  <div padding class="mine-buttons">
    <button ion-button (click)="itemSelected('recharge')">充值提现</button>
    <button ion-button (click)="itemSelected('billHistory')">历史账单</button>
  </div>
  <div padding-horizontal class="mine-toolbar">
    <ion-list class="g-border-1px">
      <button ion-item (click)="itemSelected('auth')">
        <ion-label>认证绑定</ion-label>
      </button>
      <button ion-item (click)="itemSelected('history')">
        <ion-label>投资记录</ion-label>
        <!--<ion-note class="note-danger" item-end>6254元待收</ion-note>-->
      </button>
      <!--<button ion-item (click)="itemSelected('coupons')">-->
        <!--<ion-label>优惠券</ion-label>-->
      <!--</button>-->
      <!--<button ion-item (click)="itemSelected('feedback')">-->
        <!--<ion-label>意见反馈</ion-label>-->
      <!--</button>-->
      <button ion-item (click)="itemSelected('about',false)">
        <ion-label>关于我们</ion-label>
      </button>
    </ion-list>
  </div>
</ion-content>
